<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>游戏的定义与本质 - 游戏天地</title>
    <link rel="stylesheet" href="../../css/main.css">
    <link rel="stylesheet" href="../../css/pages.css">
    <style>
        .definition-section {
            background: white;
            padding: 2rem;
            border-radius: 15px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            margin: 2rem 0;
        }
        
        .definition-title {
            color: #667eea;
            font-size: 1.8rem;
            margin-bottom: 1rem;
            text-align: center;
        }
        
        .elements-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 2rem;
            margin: 2rem 0;
        }
        
        .element-card {
            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
            padding: 1.5rem;
            border-radius: 15px;
            text-align: center;
            transition: all 0.3s ease;
        }
        
        .element-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.15);
        }
        
        .element-icon {
            font-size: 3rem;
            margin-bottom: 1rem;
        }
        
        .quote-box {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 2rem;
            border-radius: 15px;
            margin: 2rem 0;
            text-align: center;
            font-style: italic;
            font-size: 1.2rem;
        }
    </style>
</head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar">
        <div class="nav-container">
            <div class="nav-logo">
                <span>游戏天地</span>
            </div>
            <ul class="nav-menu">
                <li><a href="../../index.html">首页</a></li>
                <li><a href="index.html">游戏研究</a></li>
                <li><a href="../../games/index.html">游戏专栏</a></li>
            </ul>
            <div class="nav-toggle">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </nav>

    <!-- 页面头部 -->
    <div class="research-hero">
        <div class="container">
            <h1>游戏的定义与本质</h1>
            <p>探索游戏作为一种文化现象的核心特征</p>
        </div>
    </div>

    <!-- 面包屑导航 -->
    <div class="container">
        <div class="breadcrumb">
            <a href="../../index.html">首页</a> &gt; 
            <a href="index.html">游戏研究</a> &gt; 
            <span class="current">游戏的定义</span>
        </div>
    </div>

    <!-- 主要内容 -->
    <div class="container">
        <div class="definition-section">
            <h2 class="definition-title">什么是游戏？</h2>
            <p style="font-size: 1.2rem; line-height: 1.8; text-align: center; margin-bottom: 2rem;">
                游戏是一种自愿进行的、具有规则的活动，通常包含竞争、挑战或探索元素，
                参与者通过游戏获得乐趣、满足感或成就感。
            </p>
        </div>

        <div class="quote-box">
            "游戏是自愿尝试克服不必要障碍的活动。" 
            <br>— 伯纳德·苏茨（Bernard Suits）
        </div>

        <h2 class="section-title">游戏的基本要素</h2>
        
        <div class="elements-grid">
            <div class="element-card">
                <div class="element-icon">🎯</div>
                <h3>目标</h3>
                <p>游戏需要明确的目标或胜利条件，为玩家提供努力的方向和动力。</p>
            </div>
            
            <div class="element-card">
                <div class="element-icon">📋</div>
                <h3>规则</h3>
                <p>规则限制了玩家可以采取的行动，创造挑战性和策略性。</p>
            </div>
            
            <div class="element-card">
                <div class="element-icon">😊</div>
                <h3>乐趣</h3>
                <p>游戏必须具有娱乐性，让玩家在参与过程中获得愉悦体验。</p>
            </div>
            
            <div class="element-card">
                <div class="element-icon">🎲</div>
                <h3>互动</h3>
                <p>玩家与游戏系统或其他玩家之间的互动是游戏的核心机制。</p>
            </div>
            
            <div class="element-card">
                <div class="element-icon">🏆</div>
                <h3>反馈</h3>
                <p>游戏需要及时给予玩家反馈，让他们了解自己的进展和成就。</p>
            </div>
            
            <div class="element-card">
                <div class="element-icon">🤔</div>
                <h3>挑战</h3>
                <p>适当的挑战性让游戏保持吸引力，既不会太简单也不会太困难。</p>
            </div>
        </div>

        <div class="definition-section">
            <h2 class="definition-title">游戏的文化意义</h2>
            <p style="line-height: 1.8; font-size: 1.1rem;">
                游戏不仅仅是娱乐方式，更是人类文化的重要组成部分。从古代的棋类游戏到现代的电子游戏，
                游戏一直承载着教育、社交、艺术等多重功能。在数字时代，游戏已经成为一种全新的艺术表达形式，
                通过互动叙事、沉浸式体验等方式，为玩家提供独特的情感体验和文化认知。
            </p>
        </div>

        <div class="tip-box">
            <strong>💡 你知道吗？</strong> 游戏化（Gamification）已经被广泛应用于教育、
            商业、健康等领域，证明了游戏机制在激励人类行为方面的强大作用。
        </div>
    </div>

    <!-- 页脚 -->
    <footer class="footer">
        <div class="footer-content">
            <p>&copy; 2024 游戏天地. 所有权利保留.</p>
            <p>探索游戏文化，传播游戏魅力</p>
        </div>
    </footer>

    <script>
        // 移动端导航切换
        const navToggle = document.querySelector('.nav-toggle');
        const navMenu = document.querySelector('.nav-menu');

        navToggle.addEventListener('click', () => {
            navMenu.classList.toggle('active');
        });
    </script>
</body>
</html>